<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
    <title>Title</title>
    <link rel="stylesheet" href="my_order_list.css">
    <script src="jquery-1.7.2.js"></script>
    <script src="backstage.js"></script>

</head>
<body>
<h4 style="margin-left: 200px">点击切换侧边item</h4>
<div class="all">
<!--左侧助手兰 start-->
    <div id="categorys">
        <div class="mc">
            <div class="item fore" onmouseover="this.className='item fore hover'" onmouseout="this.className='item fore'" id="allser1">
                 <span>
                         <h3 style="text-align:left;"><a href="#" ><img src="images/black_dianpu.png" alt="black_dianpu.png"/> </a></h3>
                </span>
            </div>
            <div class="item fore" onmouseover="this.className='item fore hover'" onmouseout="this.className='item fore'" id="allser2">
                 <span>
                         <h3 style="text-align:left;"><a href="#" ><img src="images/black_shangpin.png" alt="black_shangpin.png"/> </a></h3>
                </span>
            </div>
            <div class="item fore" onmouseover="this.className='item fore hover'" onmouseout="this.className='item fore'"id="allser3" >
                <span>
                         <h3 style="text-align:left;"><a href="#" ><img src="images/black_dingdan.png" alt="black_dingdan.png"/> </a></h3>
                </span>
            </div>
            <div class="item fore" onmouseover="this.className='item fore hover'" onmouseout="this.className='item fore'" id="allser4">
                 <span>
                         <h3 style="text-align:left;"><a href="#" ><img src="images/black_caiwu.png" alt="black_caiwu.png"/> </a></h3>
                </span>
            </div>
            <div class="item fore" onmouseover="this.className='item fore hover'" onmouseout="this.className='item fore'" id="allser5">
                 <span>
                         <h3 style="text-align:left;"><a href="#" ><img src="images/black_yingxiao.png" alt="black_yingxiao.png"/> </a></h3>
                </span>
            </div>
        </div>
    </div>
<!--左侧助手兰 end-->
    </div>
<div class="i-mc_warp">
    <div class="i-mc">
            <div class="subitem">
                <div class="col">
                    <a href="#" class="row">我的订单   <i class="icon hide_mc"></i></a>
                    <a href="#"><i class="icon_s s_i01"></i>全部订单</a>
                    <a href="#"><i class="icon_s s_i02"></i>待付款</a>
                    <a href="#"><i class="icon_s s_i03"></i>已付款</a>
                    <a href="#"><i class="icon_s s_i04"></i>已发货</a>
                    <a href="#"><i class="icon_s s_i05"></i>已完成</a>
                    <a href="#"><i class="icon_s s_i06"></i>退换货</a>
                </div>
            </div>
    </div>
    <div class="i-mc">
        <div class="subitem">
            <div class="col">
                <a href="#" class="row">我的订单   <i class="icon hide_mc"></i></a>
                <a href="#"><i class="icon_s s_i01"></i>全部订单</a>
                <a href="#"><i class="icon_s s_i02"></i>待付款</a>
                <a href="#"><i class="icon_s s_i03"></i>已付款</a>
                <a href="#"><i class="icon_s s_i04"></i>已发货</a>
                <a href="#"><i class="icon_s s_i05"></i>已完成</a>
                <a href="#"><i class="icon_s s_i06"></i>退换货</a>
            </div>
        </div>
    </div>
    <div class="i-mc">
        <div class="subitem">
            <div class="col">
                <a href="#" class="row">我的订单   <i class="icon hide_mc"></i></a>
                <a href="#"><i class="icon_s s_i01"></i>全部订单</a>
                <a href="#"><i class="icon_s s_i02"></i>待付款</a>
                <a href="#"><i class="icon_s s_i03"></i>已付款</a>
                <a href="#"><i class="icon_s s_i04"></i>已发货</a>
                <a href="#"><i class="icon_s s_i05"></i>已完成</a>
                <a href="#"><i class="icon_s s_i06"></i>退换货</a>
            </div>
        </div>
    </div>
    <div class="i-mc">
        <div class="subitem">
            <div class="col">
                <a href="#" class="row">我的订单   <i class="icon hide_mc"></i></a>
                <a href="#"><i class="icon_s s_i01"></i>全部订单</a>
                <a href="#"><i class="icon_s s_i02"></i>待付款</a>
                <a href="#"><i class="icon_s s_i03"></i>已付款</a>
                <a href="#"><i class="icon_s s_i04"></i>已发货</a>
                <a href="#"><i class="icon_s s_i05"></i>已完成</a>
                <a href="#"><i class="icon_s s_i06"></i>退换货</a>
            </div>
        </div>
    </div>
    <div class="i-mc">
        <div class="subitem">
            <div class="col">
                <a href="#" class="row">我的订单   <i class="icon hide_mc"></i></a>
                <a href="#"><i class="icon_s s_i01"></i>全部订单</a>
                <a href="#"><i class="icon_s s_i02"></i>待付款</a>
                <a href="#"><i class="icon_s s_i03"></i>已付款</a>
                <a href="#"><i class="icon_s s_i04"></i>已发货</a>
                <a href="#"><i class="icon_s s_i05"></i>已完成</a>
                <a href="#"><i class="icon_s s_i06"></i>退换货</a>
            </div>
        </div>
    </div>
</div>
</div>
</body>
</html>